<div id="main" class="container_12 clearfix" role="main">

	<!-- / Box -->
	<div class="box twothirds"> <!-- Simply add .r to a box if you want them to align to the right side of the grid -->
		<div class="boxheading clearfix"><h3><img src="<?php echo base_url();?>/img/icons/fatcow-hosting-icons/32x32/chart_bar.png" alt="" />Latest statistics</h3><a class="move"></a></div>
		<section>
			<h4 class="mt15">Chart with interactive data points</h4>
			<div id="chart" class="flot_chart" style="width:100%;height:300px;"></div>	
		</section>
	</div>

	<!-- / Box -->
	<div class="box onethird">
		<div class="boxheading clearfix"><h3><img src="<?php echo base_url();?>/img/icons/fatcow-hosting-icons/32x32/chess_horse.png" alt="" />jQuery elements 2</h3><a class="move"></a></div>
		<section>
				<h4>Default jQuery notifications</h4>
				<div class="notification green">
					<p><img src="<?php echo base_url();?>/img/icons/success.png" alt="" />This is a success message.</p>
					<a class="close hider"></a>
				</div>
				<div class="notification red mt15">
					<p><img src="<?php echo base_url();?>/img/icons/error.png" alt="" />This is a error message.</p>
					<a class="close hider"></a>
				</div>
				<div class="notification blue mt15">
					<p><img src="<?php echo base_url();?>/img/icons/info.png" alt="" />This is a system message.</p>
					<a class="close hider"></a>
				</div>
				<div class="notification yellow mt15">
					<p><img src="<?php echo base_url();?>/img/icons/attention.png" alt="" />This is a notification.</p>
					<a class="close hider"></a>
				</div>
				<div class="notification mt15">
					<p><img width="16" src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/02.png" alt="" />This is a regular notice.</p>
					<a class="close hider"></a>
				</div>
				<div class="clear">&nbsp;</div>
		</section>
	</div>
	<!-- / End box -->

	<!-- / Box -->
	<div class="box twothirds">
		<div class="boxheading clearfix"><h3>Info Boxes</h3><a class="move"></a></div>
		<section class="clearfix">
				<h4>Square boxes</h4>
				<a href="#" class="square mrb15"><!-- / Add .circle to .square to make the square full circle (only CSS3)-->
					<span class="title"><img src="<?php echo base_url();?>/img/main_up.png" alt="" />5.755</span>
					<span class="regular">Page views</span>
					<span class="subtitle green">+25%</span>
				</a>
				<a href="#" class="square mrb15"><!-- / Add .circle to .square to make the square full circle (only CSS3)-->
					<span class="title"><img src="<?php echo base_url();?>/img/main_down.png" alt="" />5.755</span>
					<span class="regular">Page views</span>
					<span class="subtitle red">+25%</span>
				</a>
				<a href="#" class="square mrb15"><!-- / Add .circle to .square to make the square full circle (only CSS3)-->
					<span class="title"><img src="<?php echo base_url();?>/img/main_minus.png" alt="" />5.755</span>
					<span class="regular">Page views</span>
					<span class="subtitle">+25%</span>
				</a>
				<a href="#" class="square mrb15"><!-- / Add .circle to .square to make the square full circle (only CSS3)-->
					<span class="title"><img src="<?php echo base_url();?>/img/main_up.png" alt="" />5.755</span>
					<span class="regular">Page views</span>
					<span class="subtitle green">+25%</span>
				</a>
				<div class="clear">&nbsp;</div>
				<h4>Square boxes with added .circle (CSS3 only)</h4>
				<a href="#" class="square circle mrb15"><!-- / Add .circle to .square to make the square full circle (only CSS3)-->
					<span class="title"><img src="<?php echo base_url();?>/img/main_up.png" alt="" />5.755</span>
					<span class="regular">Page views</span>
					<span class="subtitle green">+25%</span>
				</a>
				<a href="#" class="square circle mrb15"><!-- / Add .circle to .square to make the square full circle (only CSS3)-->
					<span class="title"><img src="<?php echo base_url();?>/img/main_down.png" alt="" />5.755</span>
					<span class="regular">Page views</span>
					<span class="subtitle red">+25%</span>
				</a>
				<a href="#" class="square circle mrb15"><!-- / Add .circle to .square to make the square full circle (only CSS3)-->
					<span class="title"><img src="<?php echo base_url();?>/img/main_minus.png" alt="" />5.755</span>
					<span class="regular">Page views</span>
					<span class="subtitle">+25%</span>
				</a>
				<a href="#" class="square circle mrb15"><!-- / Add .circle to .square to make the square full circle (only CSS3)-->
					<span class="title"><img src="<?php echo base_url();?>/img/main_minus.png" alt="" />5.755</span>
					<span class="regular">Page views</span>
					<span class="subtitle">+25%</span>
				</a>
		</section>
	</div>

	<!-- / Box -->
	<div class="box onethird">
		<div class="boxheading clearfix"><h3>Alternative tabs</h3><a class="move"></a></div>
		<section>
		<div class="tabs upper"><!-- / Apply upper class to have the tabs attached to the top of the box -->
			<ul class="clearfix">
	            <li><a href="#tabs-1">First</a></li>
	            <li><a href="#tabs-2">Second</a></li>
	            <li><a href="#tabs-3">Third</a></li>
	        </ul>
	        <div class="tab" id="tabs-1"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div>
	        <div class="tab" id="tabs-2"><p>Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</p></div>

	        <div class="tab" id="tabs-3"><p>Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</p></div>
		</div>
	</section>
	</div>
	<!-- / End box -->

	<!-- / Box -->
	<div class="box twothirds">
		<div class="boxheading clearfix"><h3>Icons &amp; Buttons</h3><a class="move"></a></div>
		<section class="clearfix">

			<h4 class="">Icons only button 32x32</h4>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/09.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/10.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/11.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/12.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/13.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/14.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/15.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/16.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/01.png" alt="" /></a>
			<h4 class="mt15">Icons only button 16x16</h4>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/09.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/10.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/11.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/12.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/13.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/14.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/15.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/16.png" alt="" /></a>
			<a href="#" class="btn_icon mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/01.png" alt="" /></a>

			<div class="clear">&nbsp;</div>

			<h4 class="mt15">Icons with text buttons</h4>

			<a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/01.png" alt="" />
			<span class="l"><span class="title">Hello admin!</span><span class="subtitle">John Doe</span></span>
			</a>
			<a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/02.png" alt="" />
			<span class="l"><span class="title">Hello admin!</span><span class="subtitle">John Doe</span></span>
			</a>
			<a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/03.png" alt="" />
			<span class="l"><span class="title">Hello admin!</span><span class="subtitle">John Doe</span></span>
			</a>
			<a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/04.png" alt="" />
			<span class="l"><span class="title">Hello admin!</span><span class="subtitle">John Doe</span></span>
			</a>


			<h4 class="mt15">Icons with single text buttons</h4>

			<a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/05.png" alt="" width="16"/>
			<span class="l title">Hello admin!</span>
			</a>
			<a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/06.png" alt="" width="16"/>
			<span class="l title">Hello admin!</span>
			</a>
			<a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/07.png" alt="" width="16"/>
			<span class="l title">Hello admin!</span>
			</a>
			<a href="#" class="btn_icon textright mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/16x16/08.png" alt="" width="16"/>
			<span class="l title">Hello admin!</span>
			</a>

			<h4 class="mt15">Icons with text square buttons</h4>

			<a href="#" class="btn_icon square mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/09.png" alt="" /><span>Hello admin!</span></a>
			<a href="#" class="btn_icon square mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/10.png" alt="" /><span>Hello admin!</span></a>
			<a href="#" class="btn_icon square mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/11.png" alt="" /><span>Hello admin!</span></a>
			<a href="#" class="btn_icon square mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/12.png" alt="" /><span>Hello admin!</span></a>
			<a href="#" class="btn_icon square mrb15"><img src="<?php echo base_url();?>/img/icons/helloadminpack/32x32/13.png" alt="" /><span>Hello admin!</span></a>

			<h4 class="mt15">Buttons .btn</h4>
			<a class="btn">default</a><a class="btn grey">default</a><a class="btn green mrb5">green</a><a class="btn red mrb5">red</a><a class="btn orange mrb5">orange</a><a class="btn yellow mrb5">yellow</a><a class="btn blue mrb5">blue</a>
			<div class="clear">&nbsp;</div>
			<h4 class="mt15">Buttons .btn.middle</h4>
			<a class="btn middle mrb5">default</a><a class="btn middle grey mrb5">default</a><a class="btn middle green mrb5">green</a><a class="btn middle red mrb5">red</a><a class="btn middle orange mrb5">orange</a><a class="btn middle yellow mrb5">yellow</a><a class="btn middle blue mrb5">blue</a>
			<div class="clear">&nbsp;</div>
			<h4 class="mt15">Buttons .btn small </h4>
			<a class="btn small mrb5">default</a><a class="btn small grey mrb5">default</a><a class="btn small green mrb5">green</a><a class="btn small red mrb5">red</a><a class="btn small orange mrb5">orange</a><a class="btn small yellow mrb5">yellow</a><a class="btn small blue mrb5">blue</a>
			<div class="clear">&nbsp;</div>
			<h4 class="mt15">Paging</h4>
			<!-- / Paging -->
			<div class="paging mt15 clearfix">
				<div class="l"><a href="#">1</a><a href="#" class="active">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#"></a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a></div>
				<div class="r"><a href="#" class="next"></a><a href="#" class="prev"></a></div>
			</div>
			<!-- / End paging -->
		</section>
	</div>
	<!-- / End box -->
	
</div>